<template>
  <div class="home">
    <el-container style="height: 100%">
      <el-aside><leftmenu /></el-aside>
      <!-- <leftmenu /> -->
      <!-- 左侧导航栏 -->
      <!-- 右侧的内容  又分为一个容器 -->
      <el-container>
        <el-header><rightmenu /></el-header>
        <el-main class="content">
          <tabcard />
          <keep-alive>
            <router-view />
          </keep-alive>
        </el-main>
        <el-footer><span>@2021 VessAdmin to xfy Copyright </span></el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import leftmenu from "@/components/leftmenu/Leftmenu";
import rightmenu from "@/components/rightmenu/Rightmenu";
import tabcard from "@/components/tabcard/TabCard";
export default {
  name: "index",
  data() {
    return {};
  },
  created() {
    // this.$router.push("/index/goodmessage");
  },
  components: {
    leftmenu,
    rightmenu,
    tabcard,
  },
};
</script>

<style scoped>
.home {
  height: 100vh;
}
.el-header {
  padding: 0 !important;
}
.content {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.el-footer {
  display: flex;
  flex-direction: row-reverse;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 12px;
  line-height: 30px;
  /* justify-content: ; */
  border-top: 1px solid #d9ecff;
  height: 30px !important;
}
.el-aside {
  width: auto !important;
}
</style>